<template>
    <div class="wrapper">
      <myHeader :obj="myObj" @events="events"></myHeader>
      <h2 class="h2"> 订阅《企业培训这样子最有效》</h2>
      <div class="moneys_0413">￥<span>99.00</span></div>
      <div class="sendWrap">
        <router-link to="payment"><button class="send">确认支付</button></router-link>
      </div>
      
    </div>
    
</template>
<script>
import myHeader from './base/myHeader';
export default {
  data () {
    return {
      myObj: {
        type: 2,
        text: "确认支付"
      }
    }
  },
  methods: {
    events(i){
      if(i == 2){
         history.back();
      }

    }
  },
  components: {
    myHeader,
  }
}

</script>
<style lang="less">
  .wrapper {
    width: 3.75rem;
    .h2 {
      padding: .14rem 0;
      text-align: center;
      font-size: .16rem;
    }
    .moneys_0413 {
      font-size: .32rem;
      font-weight: bold;
      color: #000;
      text-align: center;
      height: .45rem;
      line-height: .45rem;
    }
    .sendWrap {
      padding: .73rem 0 .21rem;;
      .send {
        display: block;
        width: 3.35rem;
        height: .47rem;
        line-height: .47rem;
        text-align: center;
        background: #557AFF;
        font-size: .18rem;
        color: white;
        border-radius: .05rem;
        border: none;
        margin: 0 auto;
      }
    }
    
  }
</style>
